<script lang="ts">
import Category from "@/components/slot/default/Category.vue";

export default {
  name: 'UseCategory',
  components: {
    Category
  },
  data() {
    return {
      foods: ["苹果", "麻辣烫", "水煮肉片"],
      music: ["美人鱼", "醉赤壁", "三国杀"],
      games: ["英雄联盟", "Counter-Strike", "Dota2"]
    }
  }
}
</script>

<template>
  <div>
    <Category title="美食">
      <img src="https://s3.ax1x.com/2021/01/16/srj1q0.jpg" alt="图片">
    </Category>
    <Category title="音乐">
      <ul>
        <li v-for="(item,index) in music" :key="index"> {{ item }}</li>
      </ul>
    </Category>
    <Category title="游戏">
        <video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"></video>
    </Category>
  </div>
</template>

<style scoped>

</style>
